<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Table</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<link rel="stylesheet" href="scripts/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="scripts/fontawesome/css/font-awesome.min.css">
<link rel="stylesheet" href="sytles/style.css">
<script src="scripts/jquery-1.9.1.min.js"></script>
<script src="scripts/bootstrap/js/bootstrap.min.js"></script>
</head>

<body>
    <div class="jo-body">
    	<div class="jo-title jo-bg-green">关联账号</div>
        <!--jo-title  ends-->
        <div class="jo-pd-15">
        		<form role="form">
                		<div class="form-group">
                        <label><i class="fa fa-mobile"></i>  手机号码：</label>
                        <input type="text" class="form-control" placeholder="Text input" value="请输入手机号码">
                      </div>
                		
                      <div class="form-group">
                        <label><i class="fa fa-lock"></i>  手机验证码：</label>
                        <input type="text" class="form-control" placeholder="Text input" value="请输入手机验证码">
                      </div>
                      
                      <div class="form-group">
                        <label> <a class="btn btn-success btn-xs"><i class="fa fa-mobile"></i> 获取手机验证码</a></label>
                      </div>
                          
                      <div class="jo-center"><button type="submit" class="btn btn-block btn-warning btn-lg">立即关联</button></div>
               </form>
        </div>
        <!--form  ends-->
    </div>
    <!--jo-body  ends-->
</body>
</html>
